<template>
  <el-dialog width="50%"  v-bind="$attrs"  :fullscreen="computedFullscreen">
    <div style="height: 55vh;overflow-y: scroll">
      <Result :list="list"></Result>
    </div>
    <template #footer>
      <slot name="footer"></slot>

    </template>
  </el-dialog>
</template>

<script setup lang="ts">

import {defineProps, ref, defineEmits, computed} from "vue";
import {RecordItem} from "@/ts/record";
import Result from "@/components/result/Result.vue";
import {isPC} from "@/utils/CommonUtil";

let props = defineProps<{
  list:Array<RecordItem>,
}>();
let emit=defineEmits<{
  (e:"sure"):void
}>()

let computedFullscreen=computed(()=>{
  return !isPC()
})
</script>

<style scoped lang="less">
  ::-webkit-scrollbar{
    width: 0;
    height: 0;
  }
</style>